<template>
    <div class="ItemPage1">
        <img src="../../assets/images/index_p1_h5.png" alt="">
        <div class="ft">
            <p class="p1">为便捷出行扫清最后的障碍</p>
            <p class="p2"><span>专业</span>/<span>科学</span>/<span> 公正</span>/<span>安全</span></p>
        </div>
    </div>
</template>
  
<script>
export default {
    name: 'ItemPage1'
}
</script>
  
<style scoped lang="scss">
.ItemPage1 {
    position: relative;
    img {
        width: 100%;
        height: 100vh;
    }
    .ft{
        position: absolute;
        top: 772px;
        width: 100%;
        text-align: center;
        .p1 {
            font-size: 56px;
            color: #FFFFFF;
        }
    
        .p2 {
            font-size: 28px;
            color: #FFFFFF;
            padding-top: 40px;
            span{
                padding: 0 20px;
            }
        }
    }

}
</style>
  